<template>
  <div>

    <!-- Start blog-posts Area -->
    <section class="blog-posts-area section-padding">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 post-list blog-post-list">
            <div class="single-post" >
              <a href="javascript:void(0)">
                <h2>
                  丰富多彩的团建活动
                </h2>
              </a>
              <img class="img-fluid" :src="imgBaseUrl + '/2023-tuanjian.jpg'" alt="">
              <ul class="tags">
                <li><a href="javascript:void(0)">2023, </a></li>
                <li><a href="javascript:void(0)">06-26, </a></li>
                <li><a href="javascript:void(0)">后街聚餐</a></li>
              </ul>
              <p>
              </p>
            </div>
            <div class="single-post">
              <img class="img-fluid" :src="imgBaseUrl + '/tuanjian2.jpg'" alt="">
              <ul class="tags">
                <li><a href="javascript:void(0)">2022, </a></li>
                <li><a href="javascript:void(0)">06-26, </a></li>
                <li><a href="javascript:void(0)">小河边团建</a></li>
              </ul>
              <p>
              </p>
            </div>
            <div class="single-post">
              <img class="img-fluid" :src="imgBaseUrl + '/tuanjian2.jpg'" alt="">
              <ul class="tags">
                <li><a href="javascript:void(0)">2021, </a></li>
                <li><a href="javascript:void(0)">09-18, </a></li>
                <li><a href="javascript:void(0)">小河边团建</a></li>
              </ul>
              <p>
              </p>
            </div>
            <div class="single-post">
              <a href="blog-single.html">
                <h2>
                 热烈无比的学习氛围
                </h2>
              </a>
              <img class="img-fluid" :src="imgBaseUrl + '/learning-07.jpg'" alt="">
              <ul class="tags">
                <li><a href="#">2022, </a></li>
                <li><a href="#">09-19, </a></li>
                <li><a href="#">智控培训</a></li>
              </ul>
              <p>
                社团不定期举办学习活动，为新来的学弟学妹解答疑惑，包括学习课程的指导以及专业知识的难点答疑
              </p>
            </div>
          </div>
          <div class="col-lg-4 sidebar">
            <div class="single-widget protfolio-widget">
              <img :src="imgBaseUrl + '/tuanjian1.jpg'" alt="" style="margin-bottom: 3px;" class="tuanjian1">
              <img :src="imgBaseUrl + '/boating.jpg'" alt="" class="tuanjian1">
              <a href="#"><h4>划船</h4></a>
            </div>

            <div class="single-widget protfolio-widget">
              <img :src="imgBaseUrl + '/zhaji.jpg'" alt="" class="tuanjian1">
              <a href="#"><h4>烤鸡</h4></a>
            </div>
            <div class="single-widget protfolio-widget">
              <img :src="imgBaseUrl + '/barbecue.jpg'" alt="" class="tuanjian1" style="margin-bottom: 3px;">
              <img :src="imgBaseUrl + '/kaochuan-04.png'" alt="" class="tuanjian1">
              <a href="#"><h4>撸串</h4></a>
            </div>
            <div class="single-widget recent-posts-widget">
              <h4 class="title">学习活动</h4>
              <div class="blog-list ">
                <div class="single-recent-post d-flex flex-row">
                  <div class="recent-thumb">
                    <img class="img-fluid" :src="imgBaseUrl + '/learning-01.jpg'" alt="">
                  </div>
                  <div class="recent-details">
                    <a href="javascript:void(0)">
                      <h4>
                        社团学习氛围浓厚，大家都利用课余时间自主学习，提升自己
                      </h4>
                    </a>
                    <p>
                      2023-05
                    </p>
                  </div>
                </div>
                <!-- <div class="single-recent-post d-flex flex-row">
                  <div class="recent-thumb">
                    <img class="img-fluid" :src="imgBaseUrl + '/learning-02.jpg'" alt="">
                  </div>
                  <div class="recent-details">
                    <a href="javascript:void(0)">
                      <h4>
                        seniors are eager to answer questions
                      </h4>
                    </a>
                    <p>
                      2023-05
                    </p>
                  </div>
                </div> -->
                <!-- <div class="single-recent-post d-flex flex-row">
                  <div class="recent-thumb">
                    <img class="img-fluid" :src="imgBaseUrl + '/learning-03.jpg'" alt="">
                  </div>
                  <div class="recent-details">
                    <a href="javascript:void(0)">
                      <h4>
                        seniors are eager to answer questions
                      </h4>
                    </a>
                    <p>
                      2021-09
                    </p>
                  </div>
                </div> -->
                <!-- <div class="single-recent-post d-flex flex-row">
                  <div class="recent-thumb">
                    <img class="img-fluid" :src="imgBaseUrl + '/learning-06.jpg'" alt="">
                  </div>
                  <div class="recent-details">
                    <a href="javascript:void(0)">
                      <h4>
                        seniors are eager to answer questions
                      </h4>
                    </a>
                    <p>
                      2021-09
                    </p>
                  </div>
                </div> -->
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
</template>

<script>
  import {picBaseUrl} from '@/utils/const'

  export default {
    data(){
      return {
        imgBaseUrl: picBaseUrl + '/news/img'
      }
    }
  }
</script>
<style>
  .tuanjian1{
    width: 200px;
    height: 300px;
  }
</style>

